<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    //     1.如何识别浏览器类型？
    //     2.分析拆解url各部分？

    //     知识点
    // 1.navigator
    // 2.screen
    // 3.location
    // 4.history
    console.log(navigator.userAgent); // 打印浏览器类型
    console.log(screen.width, screen.height); // 打印屏幕大小
    console.log(location.href); // 打印当前url
    console.log(location.protocol); // 打印协议类型
    console.log(location.host); // 打印域名
    console.log(location.port); // 打印端口号
    console.log(location.pathname); //打印路径名
    console.log(location.search); //打印查询字符串
    console.log(location.hash); //打印hash值
    console.log(history); //打印历史
</script>

</html>